<template>
  <div class="wrap">
    <myHead title="添加工作经历"></myHead>
    <div class="boxWrap">
      <div class="rm-qzqw">
        <div class="rm-tit" >工作经历</div>
        <div class="rm-bot">
          <p>如：智联科技有限公司</p><img src="../../../static/img/youjiantou003.png" alt="">
        </div>
      </div>
      <div class="rm-qzqw">
        <div class="rm-tit" >职位名称</div>
        <div class="rm-bot">
          <p>如：现场维护</p><img src="../../../static/img/youjiantou003.png" alt="">
        </div>
      </div>
      <div class="rm-qzqw">
        <div class="rm-tit" >在职时间</div>
        <div class="rm-bot">
          <p>入职时间</p><img src="../../../static/img/youjiantou003.png" alt="">
        </div>
      </div>
      <div class="rm-qzqw">
        <div class="rm-tit" >工作描述</div>
        <div class="rm-bot" @click="setMsg('setMsg','工作内容描述','保存','300','5','暂无描述')">
          <p>请描述该职位的主要工作内容</p><img src="../../../static/img/youjiantou003.png" alt="">
        </div>
      </div>
    </div>
    <div class="btn">保存</div>
  </div>
</template>

<script>
  import myHead from "../../components/ClientComponents/lib/myHead";

  export default {
    name: "addWorkExperience",
    components: {
      myHead
    },
    methods:{
      jump(page){
        this.$router.push({
          name:page
        })
      },
      setMsg(page,title,rightText,maxLength,rows,data){
        this.$router.push({
          name:page,
          query:{
            title,
            rightText,
            maxLength,
            rows,
            data
          }
        })
      }

    }
  }
</script>

<style scoped>
  .wrap {
    width: 100%;
    min-height: 6.67rem;
    box-sizing: border-box;
    padding-top: .5rem;
  }

  .boxWrap {
    padding: 0 .15rem 0;
  }
  .rm-qzqw {
    height: .8rem;
    box-sizing: border-box;
    border-bottom: .01rem solid #EEEEEE;
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: 0 .1rem;
  }
  .rm-tit {
    font-size:.13rem;
    font-family:PingFang SC;
    font-weight:500;
    color: #999999;
    margin-bottom: .1rem;
  }

  .rm-qzqw-bot>img {
    width: .08rem;
    height: .14rem;
  }
  .rm-qzqw-bot>div>p:nth-child(1) {
    font-size:.13rem;
    font-family:PingFang SC;
    font-weight:500;
    margin-bottom: .1rem;
  }
  .rm-qzqw-bot>div>p:nth-child(2) {
    font-size:.12rem;
    font-family:PingFang SC;
    font-weight:500;
    color: #999999;
  }
  .rm-qzqw-bot2>div {
    display: flex;
    flex-flow: row;
    align-items: center;
  }
  .rm-qzqw-bot2>div>img {
    width: .08rem;
    height: .14rem;
    margin-left: .1rem;
  }
  .rm-qzqw-bot2>div>p {
    font-size:.12rem;
    font-family:PingFang SC;
    font-weight:500;
    color: #333333;
    margin-bottom: 0 !important;
  }
  .rm-gzjl>p {
    font-size:.12rem;
    font-family:PingFang SC;
    font-weight:500;
    color:rgba(153,153,153,1);
    line-height:.24rem;
  }
  .rm-bot {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
  }
  .rm-bot>img {
    width: .06rem;
    height: .11rem;
  }
  .rm-bot>p {
    font-size:.15rem;
    font-family:PingFang SC;
    font-weight:500;
    color: #999999;
  }
  .btn {
    width:3.24rem;
    height:.44rem;
    background:linear-gradient(90deg,rgba(255,142,65,1) 0%,rgba(255,110,0,1) 100%);
    border-radius:.22rem;
    text-align: center;
    line-height: .44rem;
    font-size:.15rem;
    font-family:PingFang SC;
    font-weight:bold;
    color: #FFFFFF;
    position: absolute;
    left: 0;
    right: 0;
    bottom: .6rem;
    margin: auto;
  }
</style>
